<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>resultView</title>
  <style type="text/css">
  	* {
  		margin: 0;
  		padding: 0;
  		list-style: none;
  		outline: none;
  	}
  	.history-list-item {
  		position: relative;
  		display: flex;
  		line-height: 25px;
  	}
  </style>
</head>
<body>
	<div style="border-radius: 6px;display: flex;flex-direction: column;padding:6px 12px ;">
		<div style="display: flex; align-items: center; justify-content: space-between; flex: 1;">
			<input type="text" name="" id="currentDate" style="line-height: 25px; flex: 1;text-align: center;">
			<button style="line-height: 25px; width: 75px;margin-left: 1px;" id="refreshCurrentButton">刷新</button>
			<input type="text" name="" id="currentTimestamp" style="line-height: 25px; flex: 1;margin-left: 1px;text-align: center;" disabled="">
			<button style="line-height: 25px; width: 45px;margin-left: 1px;" id="cleanHistory">清空</button>
		</div>
		<div style="display: flex; align-items: center; justify-content: space-between; flex: 1;margin-top: 2px">
			<input type="text" name="" id="timestamp" style="line-height: 25px; flex: 1;">
			<button style="line-height: 25px; width: 75px;margin-left: 1px;" id="timestamp2DateButton">转换</button>
			<input type="text" name="" id="dateData" style="line-height: 25px; flex: 1;margin-left: 1px;text-align: center;" disabled="">
		</div>
		<div style="display: flex; align-items: center; justify-content: space-between; flex: 1;margin-top: 2px">
			<input type="text" name="" id="year" style="line-height: 25px;width:40px;" maxlength="4">
			<input type="text" name="" id="month" style="line-height: 25px;width:40px;margin-left: -1px;" maxlength="2">
			<input type="text" name="" id="day" style="line-height: 25px;width:40px;margin-left: -1px;" maxlength="2">
			<input type="text" name="" id="hour" style="line-height: 25px;width:40px;margin-left: -1px;" maxlength="2">
			<input type="text" name="" id="minute" style="line-height: 25px;width:40px;margin-left: -1px;" maxlength="2">
			<input type="text" name="" id="second" style="line-height: 25px;width:40px;margin-left: -1px;" maxlength="2">
			<button style="line-height: 25px; width: 75px;margin-left: 1px;" id="date2TimestampButton">转换</button>
			<input type="text" name="" id="timestampData" style="line-height: 25px;width:120px;margin-left: 1px;text-align: center;" disabled="">
		</div>
		<div style="display: flex; align-items: center; justify-content: space-between; flex: 1;margin-top: 2px">
			<!-- <button style="line-height: 25px; width: 75px;margin-left: 1px;" id="oneKeyRead">crMagic</button> -->
		</div>
		<ul style="margin-top: 10px" id="historyList">
		</ul>
	</div>
</body>
<script type="text/javascript" src="popup.js"></script>
</html>